import React from 'react';
import {Text, View,ScrollView} from 'react-native';
import Card from "./Card";

export default class CardDemo extends React.Component {

  render() {
    return (
      <ScrollView style={{ paddingTop: 30 }}>
        <Card style={{width:300,height:200}}>
          <Card.Header
            title="This is title"
            thumbStyle={{width: 30, height: 30}}
            thumb="http://gravatar.com/avatar/e9c13fb979736b16033acbce4c710ca1.png?size=32"
            extra="this is extra"
          />
          <Card.Body>
            <View style={{height: 42}}>
              <Text style={{marginLeft: 16}}>Card Content</Text>
            </View>
          </Card.Body>
          <Card.Footer
            content="footer content"
            extra="footer extra content"
          />
        </Card>

        <Card full style={{ paddingTop: 30 }}>
          <Card.Header
            title="Full Column"
            thumbStyle={{ width: 30, height: 30 }}
            thumb="http://gravatar.com/avatar/e9c13fb979736b16033acbce4c710ca1.png?size=32"
            extra="this is extra"
          />
          <Card.Body>
            <View style={{ height: 42 }}>
              <Text style={{ marginLeft: 16 }}>Card Content</Text>
            </View>
          </Card.Body>
          <Card.Footer content="footer content" extra="footer extra content" />
        </Card>
      </ScrollView>
    )
  }
}



